<template>
	<div class="form">
		<h1>form</h1>
		
		<h2>Checkbox Group</h2>
		
		<el-row :gutter="20">
			<el-col :span="12">
				<el-input v-model="user" clearable placeholder="yonghuming"></el-input>
				<el-input v-model="pass" placeholder="密码" show-password></el-input>
				<el-input suffix-icon="el-icon-phone" placeholder="带图标的"></el-input>
				<el-input size="mini" prefix-icon="el-icon-star-off" placeholder="带图标的"></el-input>
				<el-input placeholder="123">
					<template slot="prepend">http：//</template>
				</el-input>
				<el-button>立即注册</el-button>
			</el-col>
			<el-col :span="12">
				<el-input
					type="textarea"
					:row="2"
					autosize
					placeholder="请输入内容"
					v-model="textarea">
					</el-input>
					
					<el-input
						type="textarea"
						placeholder="请输入内容"
						v-model="textarea2">
					</el-input>
			</el-col>
		</el-row>
		<p>{{ arr }}</p>
    <el-checkbox label="复选框 1"></el-checkbox>
    <el-checkbox label="复选框 2"></el-checkbox>
    <el-checkbox label="复选框 3"></el-checkbox>
    <el-checkbox label="复选框4" disabled></el-checkbox>
    <el-checkbox label="复选框5" disabled></el-checkbox>
		<h2>Checkbox</h2>
		<p>{{ checked }}</p>
		<el-checkbox v-model="checked">同意注册协议</el-checkbox>
	<div>
            <el-radio-button label="上海"></el-radio-button>
            <el-radio-button label="北京"></el-radio-button>
            <el-radio-button label="广州"></el-radio-button>
            <el-radio-button label="深圳"></el-radio-button>
     </div>
      <el-radio-button label="上海"></el-radio-button>
            <el-radio-button label="北京"></el-radio-button>
            <el-radio-button label="广州"></el-radio-button>
            <el-radio-button label="深圳"></el-radio-button>
	</div>
</template>

<script>
	export default{
		name:'Form',
		data(){
			return{
				radio4:'上海',
				checked:true,
				arr:['复选框1','复选框4'],
				user:'',
				pass:'',
				textarea:'',
				textarea2:''
			}
		},
	
	}
</script>

<style scoped>
</style> 